<template>
	<view style="height: 100vh;background-color: #fff;">
		<view class="header" style="flex:1;background: #eee;overflow: scroll;">
			<view style="margin-top: 0px;padding: 20px 10px;background-color: #fff;">
				<view style="font-weight: bold;font-size: 16px;margin-bottom: 10px;">
					问题导航
				</view>
				<!-- <view style="width: 100%;">
					<view style="padding: 10px;">
						<view class="title" @click="handlePage('help')">1、如何进行门店切换？</view>
						<view class="title" @click="handlePage('car')">2、如何加入购物车？</view>
						<view class="title" @click="handlePage('pay')">3、如何进行结算？</view>
						<view class="title" @click="handlePage('status')">4、如何查看结算订单状态？</view>
						<view class="title" @click="handlePage('balance')">5、如何查看账户余额信息？</view>
					</view>
				</view> -->
				<u-cell-group>
					<u-cell-item icon="question-circle" title="进行门店切换" @click="handlePage('help')"></u-cell-item>
					<u-cell-item icon="question-circle" title="加入购物车" @click="handlePage('car')"></u-cell-item>
					<u-cell-item icon="question-circle" title="购物车结算" @click="handlePage('pay')"></u-cell-item>
					<u-cell-item icon="question-circle" title="查看结算订单状态" @click="handlePage('status')"></u-cell-item>
					<u-cell-item icon="question-circle" title="查看账户余额信息" @click="handlePage('balance')"></u-cell-item>
				</u-cell-group>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			// handlePage(page) {
			// 	uni.navigateTo({
			// 		url: '/pages/btdm/index/user/help/help?page=' + page,
			// 	})
			// }
			handlePage(page) {
				uni.navigateTo({
					url: '/pages/btdm/index/user/help/' + page,
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		width: 100%;
		height: 98%;
		text-align: center;
		overflow: scroll;
	}

	/deep/ .u-icon-plus {
		width: 120rpx !important;
	}

	/deep/ .u-icon-minus {
		width: 120rpx !important;
	}

	.content {
		/* text-align: center; */
		display: flex;
		flex-direction: column;
	}

	.swiper-box {
		/* object-fit: full; */
		height: 220px;
	}

	.swiper-box2 {
		/* object-fit: full; */
		/* height: 190px; */
		/* max-width:100%; */
		height: 150px;
	}

	.swiper-box3 {
		/* object-fit: full; */
		height: 146px;
		/* max-width: 100%;		 */
	}

	.swiper-item {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #fff;
		color: #fff;
	}

	.image {
		width: 750rpx;
		height: 600px;
		/* object-fit: cover; */
	}

	.image2 {
		width: 750rpx;
		height: 150px;
		/* object-fit: cover; */
		/* object-fit: contain; */
	}

	.image3 {
		/* width: 750rpx;
		height: 1400upx; */
		/* position: fixed;
		object-fit: contain; */
		width: 750rpx;
		height: 146px;
	}

	.action {
		/* position: fixed;
			top:100px;
			z-index: 9999; */
	}

	.warp {
		color: #000000;
	}

	.leftLine {
		width: 80px;
		height: 1px;
		background: linear-gradient(244deg, rgba(26, 26, 26, 1.0) 50%, rgba(255, 255, 255, 0) 100%);
	}

	.rightLine {
		width: 80px;
		height: 1px;
		background: linear-gradient(244deg, rgba(255, 255, 255, 0) 0%, rgba(26, 26, 26, 1.0) 50%);
	}

	.tag {
		margin-left: 4%;
	}

	.tag1 {
		margin-left: 5%;
	}

	.navigation {
		width: 100%;
		/* position: fixed;
		bottom: 96rpx;
		z-index: 111; */
		display: flex;
		justify-content: space-between;
		// margin-top: 100rpx;
		border: solid 1rpx #eee;
		background-color: #ffffff;
		padding: 16rpx;


		.left {
			display: flex;
			font-size: 20rpx;

			.item {
				margin: 0 30rpx;

				&.car {
					text-align: center;
					position: relative;

					.car-num {
						position: absolute;
						top: -10rpx;
						right: -10rpx;
					}
				}
			}
		}

		.right {
			display: flex;
			font-size: 28rpx;
			align-items: center;

			.btn {
				line-height: 66rpx;
				padding: 0 30rpx;
				border-radius: 36rpx;
				color: #ffffff;
			}

			.cart {
				background-color: #ed3f14;
				margin-right: 30rpx;
			}

			.buy {
				background-color: #00aa00;
			}
		}
	}

	.title {
		font-size: 14px;
		margin-bottom: 10px;
		cursor: pointer;
	}
</style>